<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>

		<link rel="stylesheet" href="./css/bootstrap.min.css" />
		<script type="text/javascript" src="./js/jquery.min.js" charset="UTF-8"></script>
		<script type="text/javascript" src="./js/bootstrap.bundle.min.js" charset="UTF-8"></script>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			ul li {
				list-style: none;
				float: left;
				margin-left: 60px;
				line-height: 60px;
			}
			
			a {
				text-decoration: none;
				color: rgb(229, 35, 61);
			}
			
			ul li a:hover {
				color: orange;
				text-decoration: none;
			}
			.ok{
				height: 36px;
         background-color: #863c13;
			}
			.j{
				
              font-size: 20px;
        float: left;
         margin-left:500px;
          height: 36px;
			}
			.center{
				width: 1200px;
              height: 36px;
              margin: 0 auto;
              line-height: 36px;
			}
			.hhh{
				color: rgb(236, 242, 232);
               font-size: 19px;
			   line-height: 35px;
                 float: right;
			}
			.hhh a{
				color: #f4ecec;
                margin: 0 5px;
                 font-size: 18px;
			}
    figure img {
        box-shadow: 5px 6px 15px rgba(161, 161, 161, 0.9)
    }
    .figure-caption{
        margin-top: 5px;
        font-size: 20px;
    }
	.top{
		width: 500px;
    height: 55px;
	font-size: 20px;
	color: azure;
    margin: 0 auto;
    text-align: center;
    background-size: 1200px 55px;
    line-height: 55px;
    border-top-right-radius: 20px;
    background: rgb(187, 53, 53);
	}
		</style>
	</head>

	<body style="background: rgb(236, 193, 169);">
		<div class="ok">
		<div class="center">
			<div class="j" style="color: rgb(230, 237, 237);">
				<b>校园失物招领系统</b>
				

			</div>
			<div class="hhh">
				
                <a href="denglu.html">登录</a>
                <a href="zhuce.html">免费注册</a>
                <a href="#">购物车</a>
                <a href="#">我的订单</a>
			
            </div>

		</div>
	</div>
		
		<div class="w-100  d-flex justify-content-center" style="height: 60px;background-color:#1d1d22;min-width: 800px;">
			<div class="" style="color: white;">
				<ul class="">
					<li>
						<a href="">首页</a>
					</li>
					<li>
						<a href="fxx_GGXX.html">公告信息</a> 
					</li>
					<li>
						<a href="shiwu1.html">失物信息</a>
					</li>
					<li>
						<a href="zhaoling1.html">招领信息</a>
					</li>
					<li>
						<a href="forum.html">交流论坛</a>
					</li>
					<li>
						<a href="demo00.html">留言反馈</a>
					</li>
					<li>
						<a href="personal.html">个人中心</a>
					</li>
					<li>
						<a href="./后台/index.html">后台管理</a>
					</li>

				</ul>

			</div>

		</div>
		<div id="ppp" class="container" style="margin-top: 40px;">
			<div class="top">
				<span>失物信息展示</span>
			</div>
			<br>
            <div class="row">
                <div class="col-3" >
                    <figure class="figure">
                        <img src="./img/1.webp" class="figure-img img-fluid rounded" alt="...">
                        <figcaption class="figure-caption" style="text-align: center;">随身听</figcaption>
                      </figure>
                </div>
                <div class="col-3">
                    <figure class="figure">
                        <img src="./img/2.jpg" class="figure-img img-fluid rounded" alt="...">
                        <figcaption class="figure-caption" style="text-align: center;">iPhone14 Pro </figcaption>
                      </figure>
                </div>
                <div class="col-3">
                    <figure class="figure">
                        <img src="./img/3.webp" class="figure-img img-fluid rounded" alt="...">
                        <figcaption class="figure-caption" style="text-align: center;">书包</figcaption>
                      </figure>
                </div>
                <div class="col-3">
                    <figure class="figure">
                        <img src="./img/4.jpg" class="figure-img img-fluid rounded" alt="...">
                        <figcaption class="figure-caption" style="text-align: center;">手表</figcaption>
                      </figure>
                </div>
            </div>
			<div class="row" style="margin-top: 30px;">
                <div class="col-3">
                    <figure class="figure">
                        <img src="./img/5.jpg" class="figure-img img-fluid rounded" alt="...">
                        <figcaption class="figure-caption" style="text-align: center;">大学英语</figcaption>
                      </figure>
                </div>
                <div class="col-3">
                    <figure class="figure">
                        <img src="./img/6.webp" class="figure-img img-fluid rounded" alt="...">
                        <figcaption class="figure-caption" style="text-align: center;">眼镜</figcaption>
                      </figure>
                </div>
                <div class="col-3">
                    <figure class="figure">
                        <img src="./img/7.jpg" class="figure-img img-fluid rounded" alt="...">
                        <figcaption class="figure-caption" style="text-align: center;">耳机</figcaption>
                      </figure>
                </div>
                <div class="col-3">
                    <figure class="figure">
                        <img src="./img/8.jpg" class="figure-img img-fluid rounded" alt="...">
                        <figcaption class="figure-caption" style="text-align: center;">蓝牙音响</figcaption>
                    </figure>
                </div>
            </div>
        </div>
	
		

	</body>

</html>